<template>
  <el-dialog
    :title="title"
    center
    :visible.sync="openState"
    width="1024px"
    :close-on-click-modal="false"
    :before-close="handleClose"
  >
    <el-form ref="modForm" :model="form" :rules="rules" label-width="110px">
      <!-- 交易基础信息 -->
      <el-card class="form-card txnInfo-card">
        <div slot="header" class="label-header-msg">
          <span>{{ this.titles.basicInfo }}</span>
        </div>

        <el-row>
          <el-col :span="8">
            <el-form-item label="业务类型" prop="businessType">
              <el-select v-model="formData.businessType" placeholder="" @change="changeType(formData.businessType)">
                <el-option label="A100-普通汇兑" value="1"></el-option>
                <el-option label="A101-公益性资金汇划" value="2"></el-option>
                <el-option label="A102-国库汇款" value="3"></el-option>
                <el-option label="A105-退汇" value="14"></el-option>
                <el-option label="A108-现金汇款" value="4"></el-option>
                <el-option label="A109-委托收款（划回）" value="5"></el-option>
                <el-option label="A110-托收承付（划回）" value="6"></el-option>
                <el-option label="A204-银行本票" value="7"></el-option>
                <el-option label="A112-外汇清算" value="8"></el-option>
                <el-option label="A113-跨境支付" value="9"></el-option>
                <el-option label="A201-支票" value="10"></el-option>
                <el-option label="A201-支票" value="11"></el-option>
                <el-option label="A203-银行汇票" value="12"></el-option>
                <el-option label="A111-商业汇票" value="13"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="业务种类" prop="businessKind">
              <el-select v-model="formData.businessKind" placeholder="">
                <el-option label="02103-网银支付" value="1"></el-option>
                <el-option label="02102-普通汇兑" value="2"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="业务优先级" prop="businessPriority">
              <el-select v-model="formData.businessPriority" placeholder="">
                <el-option label="NORM-普通" value="1"></el-option>
                <el-option label="HIGH-紧急" value="2"></el-option>
                <el-option label="URGT-特急" value="3"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-col :span="8">
            <el-form-item label="交易渠道" prop="transChannel">
              <el-select v-model="formData.transChannel" disabled placeholder="">
                <el-option label="1-CPG柜面" value="1"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="记账标志" prop="chargeTip">
              <el-select v-model="formData.chargeTip" placeholder="">
                <el-option label="0-不记账" value="1"></el-option>
                <el-option label="1-记账" value="2"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="账户类型" prop="accountType">
              <el-select v-model="formData.accountType" placeholder="">
                <el-option label="I-对私" value="1"></el-option>
                <el-option label="C-对公" value="2"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>

        <el-row :gutter="10">
          <el-col :span="8">
            <el-form-item label="交易币种" prop="transCur">
              <el-input v-model="formData.transCur" placeholder="" disabled />
            </el-form-item>
          </el-col>

          <el-col :span="8">
            <el-form-item label="类别" prop="category">
              <el-select v-model="formData.category" placeholder="">
                <el-option label="客户" value="1"></el-option>
                <el-option label="银行" value="2"></el-option>
                <el-option label="联行" value="3"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="付款人身份" prop="payerIdentity">
              <el-select v-model="formData.payerIdentity" :popper-append-to-body="false">
                <el-option label="居民" value="1"></el-option>
                <el-option label="非居民" value="2"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="8">
            <el-form-item label="货物贸易交易" prop="goodsTradeTrans">
              <el-select v-model="formData.goodsTradeTrans">
                <el-option label="是" value="1"></el-option>
                <el-option label="否" value="2"></el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="3" :offset="1" style="margin-left: 45px">
            <el-button type="primary" v-if="chooseState" icon="el-icon-search" plain @click="incomingChooseDialog()">
              来账选择
            </el-button>
          </el-col>
        </el-row>
      </el-card>

      <!-- 付款人信息 -->
      <el-card class="form-card txnInfo-card">
        <div slot="header" class="label-header-msg">
          <span>{{ this.titles.payerInfo }}</span>
        </div>

        <el-row :gutter="10">
          <el-col :span="12">
            <el-form-item label="借方账号" prop="debitAccount">
              <el-input v-model="formData.debitAccount" placeholder="借方账号" />
            </el-form-item>
          </el-col>
          <el-col :span="3">
            <el-row>
              <el-button type="primary" icon="el-icon-search" plain @click="payerSearchDialog('debit')">
                账号查找
              </el-button>
            </el-row>
          </el-col>
          <el-col :span="6">
            <el-row>
              <el-col :span="2" style="line-height: 30px">
                <el-checkbox v-model="checked"></el-checkbox>
              </el-col>
              <el-col :span="22" style="line-height: 30px">付款人信息同借方信息</el-col>
            </el-row>
          </el-col>
        </el-row>

        <el-row>
          <el-form-item label="借方户名" prop="debitName">
            <el-input v-model="formData.debitName" placeholder="借方户名" disabled />
          </el-form-item>
        </el-row>

        <el-row :gutter="10">
          <el-col :span="12">
            <el-form-item label="付款人账号" prop="payerAccount">
              <el-input v-model="formData.payerAccount" placeholder="付款人账号" />
            </el-form-item>
          </el-col>
          <el-col :span="3">
            <el-row>
              <el-button type="primary" icon="el-icon-search" plain @click="payerSearchDialog('payerSearch')">
                账号查找
              </el-button>
            </el-row>
          </el-col>
        </el-row>

        <el-row>
          <el-form-item label="付款人名称" prop="payerName">
            <el-input v-model="formData.payerName" placeholder="付款人名称" />
          </el-form-item>
        </el-row>

        <el-row>
          <el-form-item label="付款人地址" prop="payerAddress">
            <el-input v-model="formData.payerAddress" placeholder="付款人地址" />
          </el-form-item>
        </el-row>

        <el-row :gutter="10">
          <el-col :span="8">
            <el-form-item label="付款行行号" prop="payerBankNum">
              <el-input v-model="formData.payerBankNum" placeholder="" disabled />
            </el-form-item>
          </el-col>
          <el-col :span="3">
            <el-row>
              <el-button type="primary" icon="el-icon-search" disabled plain>行号查找</el-button>
            </el-row>
          </el-col>
          <el-col :span="13">
            <el-form-item label="付款行行名" prop="payerBankName">
              <el-input v-model="formData.payerBankName" placeholder="付款行行名" />
            </el-form-item>
          </el-col>
        </el-row>

        <el-row :gutter="10">
          <el-col :span="8">
            <el-form-item label="付款人开户行号" prop="payerOpenBankNum">
              <el-input v-model="formData.payerOpenBankNum" placeholder="" />
            </el-form-item>
          </el-col>
          <el-col :span="3">
            <el-row>
              <el-button type="primary" icon="el-icon-search" plain @click="openBankNumDialog('payerBankNum')">
                行号查找
              </el-button>
            </el-row>
          </el-col>
          <el-col :span="13">
            <el-form-item label="付款人开户行行名" prop="payerOpenBankName">
              <el-input v-model="formData.payerOpenBankName" placeholder="" />
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>

      <!-- 收款人信息 -->
      <el-card class="form-card txnInfo-card">
        <div slot="header" class="label-header-msg">
          <span>{{ this.titles.payeeInfo }}</span>
        </div>

        <el-row :gutter="10">
          <el-col :span="12">
            <el-form-item label="收款人账号" prop="payeeAccount">
              <el-input v-model="formData.payeeAccount" placeholder="收款人账号" />
            </el-form-item>
          </el-col>
          <el-col :span="3">
            <el-row>
              <el-button type="primary" icon="el-icon-search" plain @click="payeeSearchDialog('payeeAccount')">
                账号查找
              </el-button>
            </el-row>
          </el-col>
        </el-row>

        <el-row>
          <el-form-item label="收款人名称" prop="payeeName">
            <el-input v-model="formData.payeeName" placeholder="收款人名称" />
          </el-form-item>
        </el-row>

        <el-row>
          <el-form-item label="收款人地址" prop="payeeAddress">
            <el-input v-model="formData.payeeAddress" placeholder="收款人地址" />
          </el-form-item>
        </el-row>

        <el-row :gutter="10">
          <el-col :span="8">
            <el-form-item label="收款行行号" prop="payeeBankNum">
              <el-input v-model="formData.payeeBankNum" placeholder="收款行行号" />
            </el-form-item>
          </el-col>
          <el-col :span="3">
            <el-row>
              <el-button type="primary" icon="el-icon-search" plain @click="openBankNumDialog('payeeBankNum')">
                行号查找
              </el-button>
            </el-row>
          </el-col>
          <el-col :span="13">
            <el-form-item label="收款行行名" prop="payeeBankName">
              <el-input v-model="formData.payeeBankName" placeholder="收款行行名" />
            </el-form-item>
          </el-col>
        </el-row>

        <el-row :gutter="10">
          <el-col :span="8">
            <el-form-item label="收款人开户行号" prop="payeeOpenBankNum">
              <el-input v-model="formData.payeeOpenBankNum" placeholder="收款人开户行号" />
            </el-form-item>
          </el-col>
          <el-col :span="3">
            <el-row>
              <el-button type="primary" icon="el-icon-search" plain @click="openBankNumDialog('payeeOpenBankNum')">
                行号查找
              </el-button>
            </el-row>
          </el-col>
          <el-col :span="13">
            <el-form-item label="收款人开户行行名" prop="payeeOpenBankName">
              <el-input v-model="formData.payeeOpenBankName" placeholder="收款人开户行行名" />
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>

      <!-- 其他交易信息 -->
      <el-card class="form-card txnInfo-card">
        <div slot="header" class="label-header-msg">
          <span>{{ this.titles.otherInfo }}</span>
        </div>

        <el-row :gutter="10">
          <el-col :span="8">
            <el-form-item label="交易金额" prop="transAmount">
              <el-input v-model="formData.transAmount" placeholder="交易金额" />
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="大写金额" style="color: red; font-weight: 700" prop="BigAmount">
              {{ formData.BigAmount }}
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="手续费金额" prop="HandlingAmount">
              <el-input v-model="formData.HandlingAmount" placeholder="手续费金额" />
            </el-form-item>
          </el-col>
        </el-row>

        <el-row :gutter="10">
          <el-col :span="8">
            <el-form-item label="中介机构1" prop="IntermeAgency1">
              <el-input v-model="formData.IntermeAgency1" placeholder="中介机构1" />
            </el-form-item>
          </el-col>
          <el-col :span="3">
            <el-row>
              <el-button type="primary" icon="el-icon-search" plain @click="openBankNumDialog('IntermeAgency1')">
                行号查找
              </el-button>
            </el-row>
          </el-col>
          <el-col :span="13">
            <el-form-item label="中介机构1名称" prop="IntermeAgencyName1">
              <el-input v-model="formData.IntermeAgencyName1" placeholder="中介机构1名称" />
            </el-form-item>
          </el-col>
        </el-row>

        <el-row :gutter="10">
          <el-col :span="8">
            <el-form-item label="中介机构2" prop="IntermeAgency2">
              <el-input v-model="formData.IntermeAgency2" placeholder="中介机构2" />
            </el-form-item>
          </el-col>
          <el-col :span="3">
            <el-row>
              <el-button type="primary" icon="el-icon-search" plain @click="openBankNumDialog('IntermeAgency2')">
                行号查找
              </el-button>
            </el-row>
          </el-col>
          <el-col :span="13">
            <el-form-item label="中介机构2名称" prop="IntermeAgencyName2">
              <el-input v-model="formData.IntermeAgencyName2" placeholder="中介机构2名称" />
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-form-item label="备注" prop="remarks">
            <el-input type="textarea" v-model="formData.remarks" placeholder="备注" />
          </el-form-item>
        </el-row>

        <el-row>
          <el-form-item label="附言" prop="postscript">
            <el-input type="textarea" v-model="formData.postscript" placeholder="附言" />
          </el-form-item>
        </el-row>
      </el-card>

      <!-- 退汇原因 -->
      <el-card v-if="backReasonStatus" class="form-card txnInfo-card">
        <div slot="header" class="label-header-msg">附加数据域</div>

        <el-row :gutter="10">
          <el-col :span="12">
            <el-form-item label="原报文标识号" prop="identiNo">
              <el-input v-model="formData.identiNo" placeholder="" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="原报文类型代码" prop="identiTypeCode">
              <el-input v-model="formData.identiTypeCode" placeholder="" />
            </el-form-item>
          </el-col>
        </el-row>

        <el-row :gutter="10">
          <el-col :span="12">
            <el-form-item label="原发起机构" prop="initiator">
              <el-input v-model="formData.initiator" placeholder="" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="原发起机构名称" prop="initiatorName">
              <el-input v-model="formData.initiatorName" placeholder="" />
            </el-form-item>
          </el-col>
        </el-row>

        <el-row>
          <el-form-item label="退汇原因" prop="reexchReason">
            <el-input type="textarea" v-model="formData.reexchReason" placeholder="请输入退汇原因" />
          </el-form-item>
        </el-row>
      </el-card>
    </el-form>

    <span slot="footer" class="dialog-footer">
      <el-button type="primary" @click="confirm">确定</el-button>
      <el-button @click="cancel">取消</el-button>
      <el-button type="danger" @click="del">删除</el-button>
    </span>

    <snaps-payer-dialog ref="snapsPayerDialog" @choose="confirmPayerSearch"></snaps-payer-dialog>
    <snaps-bank-num-dialog ref="snapsBankNumDialog" @choose="confirmBankNumSearch"></snaps-bank-num-dialog>
    <snaps-payee-dialog ref="snapsPayeeDialog" @choose="confirmPayeeSearch"></snaps-payee-dialog>
    <snaps-incoming-dialog ref="snapsIncomingDialog" @choose="confirmIncomingSearch"></snaps-incoming-dialog>
  </el-dialog>
</template>

<script>
import snapsPayerDialog from "@/views/cnaps/components/snapsPayer";
import snapsBankNumDialog from "@/views/cnaps/components/snapsBankNum";
import snapsPayeeDialog from "@/views/cnaps/components/snapsPayee";
import snapsIncomingDialog from "@/views/cnaps/components/snapsIncoming";
export default {
  name: "modTransDialog",
  components: {
    snapsPayerDialog,
    snapsBankNumDialog,
    snapsPayeeDialog,
    snapsIncomingDialog,
  },
  data() {
    return {
      title: "",
      openState: false, // 是否显示弹出层
      chooseState: false, // 业务类型选择退汇时显示
      backReasonStatus: false, // 选择退汇后显示
      checked: true,
      flag: 1,
      form: {},
      titles: {
        basicInfo: "交易基础信息", // 交易基础信息
        payerInfo: "付款人信息", // 付款人信息
        payeeInfo: "收款人信息", // 收款人信息
        otherInfo: "其他信息", // 其他信息
      },
      formData: {
        model: "模板1", // 存入模板

        // 交易基础信息
        businessType: "1", // 业务类型
        businessKind: "1", // 业务种类
        businessPriority: "3", // 业务优先级
        transChannel: "1", // 交易渠道
        chargeTip: "2", // 记账标志
        accountType: "2", // 账户类型
        transCur: "CNY", // 交易币种
        category: "银行", // 类别

        // 付款人信息
        debitAccount: "23143254352341243", // 借方账号
        debitName: "PJF3", //借方户名
        payerAccount: "23143254352341243", // 付款人账号
        payerName: "PJF3", // 付款人名称
        payerAddress: "", // 付款人地址
        payerBankNum: "313290040014", // 付款行行号
        payerBankName: "中国建设银行", // 付款行行名
        payerOpenBankNum: "313290040014", // 付款人开户行号
        payerOpenBankName: "中国建设银行", // 付款人开户行行名

        // 收款人信息
        payeeAccount: "1234567890", // 收款人账号
        payeeName: "赵六", // 收款人名称
        payeeAddress: "", // 收款人地址
        payeeBankNum: "310290000013", // 收款行行号
        payeeBankName: "上海浦东发展银行", // 收款行行名
        payeeOpenBankNum: "310290000013", // 收款人开户行号
        payeeOpenBankName: "渣打银行", // 收款人开户行行名

        // 其他交易信息
        transAmount: "1000.00", // 交易金额
        BigAmount: "壹仟", // 大写金额
        HandlingAmount: "", // 手续费金额
        IntermeAgency1: "", // 中介机构1
        IntermeAgencyName1: "", // 中介机构名称1
        IntermeAgency2: "", // 中介机构2
        IntermeAgencyName2: "", // 中介机构名称2
        remarks: "", // 备注
        postscript: "", // 附言

        identiNo: "", //   原报文标识号
        initiator: "", //原发起机构
        initiatorName: "", //原发起机构名
        identiTypeCode: "", //原报文类型代码
        reexchReason: "", // 退汇原因

        // BOP信息
        payerIdentity: "1", // 付款人身份
        payerNature: "2", // 付款人性质
        goodsTradeTrans: "1", // 货物贸易交易
      },
      rules: {
        businessType: [{ required: true, message: "请输入业务类型", trigger: "blur" }],
        businessKind: [{ required: true, message: "请输入业务种类", trigger: "blur" }],
        businessPriority: [{ required: true, message: "请输入业务优先级", trigger: "blur" }],
        debitAccount: [{ required: true, message: "请输入借方账号", trigger: "blur" }],
        debitName: [{ required: true, message: "请输入借方户名", trigger: "blur" }],
        payerAccount: [{ required: true, message: "请输入付款人账号", trigger: "blur" }],
        payerName: [{ required: true, message: "请输入付款人名称", trigger: "blur" }],
        payerBankNum: [{ required: true, message: "请输入付款行行号", trigger: "blur" }],
        payerBankName: [{ required: true, message: "请输入付款行行名", trigger: "blur" }],
        payerOpenBankNum: [{ required: true, message: "请输入付款人开户行号", trigger: "blur" }],
        payeeAccount: [{ required: true, message: "请输入收款人账号", trigger: "blur" }],
        payeeName: [{ required: true, message: "请输入收款人名称", trigger: "blur" }],
        payeeBankNum: [{ required: true, message: "请输入收款行行号", trigger: "blur" }],
        payeeBankName: [{ required: true, message: "请输入收款行行名", trigger: "blur" }],
        payeeOpenBankNum: [{ required: true, message: "请输入收款人开户行号", trigger: "blur" }],
        transAmount: [{ required: true, message: "请输入交易金额", trigger: "blur" }],
        reexchReason: [{ required: true, message: "请输入退汇原因", trigger: "blur" }],
        category: [{ required: true, message: "请输入类别", trigger: "blur" }],
        payerIdentity: [{ required: true, message: "请选择付款人身份", trigger: "blur" }],
        goodsTradeTrans: [{ required: true, message: "请选择货物贸易交易", trigger: "blur" }],
        accountType: [{ required: true, message: "请选择账户类型", trigger: "blur" }],
        
      },
    };
  },

  methods: {
    // 表单重置
    reset() {
      this.resetForm("modForm");
      this.$set(this, "form", {});
    },
    handleClose(done) {
      this.$confirm("确认关闭？")
        .then((_) => {
          this.reset();
          done();
        })
        .catch((_) => {});
    },

    show() {
      console.log("show");
      this.title = "大额客户发起汇兑修改";
      this.openState = true;
    },

    // 付款人账号查找
    payerSearchDialog(fromFlag = "") {
      console.log("账号查找-------------");
      console.log(fromFlag, "fromFlag-----");
      this.$refs.snapsPayerDialog.show(fromFlag);
    },

    // 收款人账号查找
    payeeSearchDialog(fromFlag = "") {
      console.log("账号查找-------------");
      console.log(fromFlag, "fromFlag-----");
      this.$refs.snapsPayeeDialog.show(fromFlag);
    },

    openBankNumDialog(fromFlag = "") {
      this.$refs.snapsBankNumDialog.show(fromFlag);
    },

    // 来账选择查找
    incomingChooseDialog(fromFlag = "") {
      console.log(fromFlag, "来账选择查找-------------");
      this.$refs.snapsIncomingDialog.show();
    },

    // 确定
    confirm() {
      console.log("确定");
      this.openState = false;
    },

    // 取消
    cancel() {
      console.log("取消");
      this.openState = false;
    },

    // 删除
    del() {
      console.log("删除");
      this.openState = false;
    },

    confirmPayerSearch(row, fromFlag) {
      console.log("confirmPayerSearch-row-------", row);
      console.log("confirmPayerSearch-fromFlag-------", fromFlag);

      // 借方账号
      if (fromFlag == "debit") {
        this.$set(this.formData, "debitAccount", row.customerAccount);
        this.$set(this.formData, "debitName", row.customerName);
      }
      if (fromFlag == "payerSearch") {
        this.$set(this.formData, "payerAccount", row.customerAccount);
        this.$set(this.formData, "payerName", row.customerName);
        this.$set(this.formData, "payerAddress", row.customerAddress);
      }
    },

    confirmPayeeSearch(row, fromFlag) {
      console.log("confirmPayerSearch-row-------", row);
      console.log("confirmPayerSearch-fromFlag-------", fromFlag);

      // 借方账号
      if (fromFlag == "payeeAccount") {
        this.$set(this.formData, "payeeAccount", row.customerAccount);
        this.$set(this.formData, "payeeName", row.customerName);
        this.$set(this.formData, "payeeAddress", row.customerAddress);
      }
    },

    confirmBankNumSearch(row, fromFlag) {
      console.log("confirmBankNumSearch-row-------", row);
      console.log("confirmBankNumSearch-fromFlag-------", fromFlag);

      if (fromFlag == "payerBankNum") {
        this.$set(this.formData, "payerOpenBankNum", row.receiverNum);
        this.$set(this.formData, "payerOpenBankName", row.receiverName);
      }
      if (fromFlag == "payeeBankNum") {
        this.$set(this.formData, "payeeBankNum", row.receiverNum);
        this.$set(this.formData, "payeeBankName", row.receiverName);
      }

      if (fromFlag == "payeeOpenBankNum") {
        this.$set(this.formData, "payeeOpenBankNum", row.receiverNum);
        this.$set(this.formData, "payeeOpenBankName", row.receiverName);
      }
      if (fromFlag == "IntermeAgency1") {
        this.$set(this.formData, "IntermeAgency1", row.receiverNum);
        this.$set(this.formData, "IntermeAgencyName1", row.receiverName);
      }
      if (fromFlag == "IntermeAgency2") {
        this.$set(this.formData, "IntermeAgency2", row.receiverNum);
        this.$set(this.formData, "IntermeAgencyName2", row.receiverName);
      }
    },

    // 来账选择
    confirmIncomingSearch(row, flag) {
      console.log("来账选择");
      console.log(row, "row----------");
      console.log(flag, "flag----------");

      (this.formData.payerAccount = "3563563547673546"),
        (this.formData.payerName = "李四"),
        (this.formData.payerBankNum = "13413241324"),
        (this.formData.payerBankName = "7585785854677342"),
        (this.formData.payerOpenBankNum = "3563563547673546"),
        (this.formData.payerOpenBankName = "中国工商银行"),
        (this.formData.payeeAccount = "14325463241321324"),
        (this.formData.payeeName = "张三"),
        (this.formData.payeeBankNum = "4675465674567"),
        (this.formData.payeeBankName = "14325463241321324"),
        (this.formData.payeeOpenBankNum = "14325463241321324"),
        (this.formData.payeeOpenBankName = "中国建设银行"),
        (this.formData.transAmount = "1000,00"),
        (this.formData.BigAmount = "壹仟");
      this.formData.identiNo = "132413546546234235";
      this.formData.initiator = "321524362436423";
      this.formData.initiatorName = "中国工商银行";
      this.formData.identiTypeCode = "234135643523453245756846";

      this.titles.payerInfo = "付款人信息(原收款人信息)";
      this.titles.payeeInfo = "收款人信息(原付款人信息)";

      this.backReasonStatus = true;
    },

    changeType(row) {
      if (row == "14") {
        this.chooseState = true;
      } else {
        this.chooseState = false;
        this.backReasonStatus = false;
      }
    },
  },
};
</script>

<style scoped>
.el-checkbox__input.is-checked + .el-checkbox__label {
  color: #000000 !important;
}
</style>
